<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>搜索</title>
    <link rel="stylesheet" href="../common/css/amazeui.min.css">
    <link rel="stylesheet" href="../common/css/app.css">
    <link rel="stylesheet" href="../static/css/font.css">
    <link rel="stylesheet" href="../static/css/test.css">
</head>

<script>

    /* document.getElementsByTagName("html")[0].style.fontSize=document.documentElement.clientWidth/1+"px";*/
    window.onload=function () {
        var oHeight=document.documentElement.clientHeight||document.body.clientHeight;
        document.getElementsByClassName("cifContent")[0].style.height=(oHeight-100)+"px";
        document.getElementsByClassName("cifContentLeftPar")[0].style.height=(oHeight-100)+"px";
        document.getElementsByClassName("cifContentRightPar")[0].style.height=(oHeight-100)+"px";

        var oMsubject=document.getElementById("c").getElementsByClassName("subject");
        if(oMsubject.length<6){
            document.getElementsByClassName("mBtn")[0].style.display="none";
        }
        for(var i=0;i<oMsubject.length;i++){
            if(i>4){
                oMsubject[i].style.display="none";
            }
        }


        document.getElementsByClassName("mBtn")[0].onclick=function () {
            var isMoreT=this.getAttribute("isMore");
            console.log(isMoreT);
            if(isMoreT=="true"){
                this.innerHTML='<span>收起<i class="iconfont">&#xe9f7;</i></span>';
                for(var i=0;i<oMsubject.length;i++){
                    var num=oMsubject.length;
                    oMsubject[i].style.display="block";

                }
                this.setAttribute("isMore","false");
            }else{
                this.innerHTML='<span>更多<i class="iconfont">&#xe653;</i></span>';
                this.setAttribute("isMore","true");
                for(var i=0;i<oMsubject.length;i++){
                    if(i>4){
                        oMsubject[i].style.display="none";
                    }
                }
            }

          /*  if(isMoreT=="true"){
                this.innerHTML='<span>收起<i class="iconfont">&#xe9f7;</i></span>';
                for(var i=0;i<oMsubject.length;i++){
                    var num=oMsubject.length;
                    oMsubject[i].style.display="block";

                }
                this.setAttribute("isMore","false");
            }else{
                this.innerHTML='<span>更多<i class="iconfont">&#xe653;</i></span>';
            }*/

        }
    };


</script>
<body>

<div class="holewSeachPage">

    <!--顶部不动区域-->
    <div id="msTop" class="am-u-sm-12 am-u-md-12 am-u-lg-12 msTop">
        <!--头部-->
        <div class="am-g doc-am-g">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12" id="mheaderSearch">
                <!--  <i class="iconfont return">&#xe65d;</i>-->
                <form action="">
                    <i class="iconfont searchMBtn">&#xe620;</i>
                    <input type="text" class="am-u-sm-12 am-u-md-12 am-u-lg-12" placeholder="搜索课程">
                    <i class="iconfont closehMBtn">&#xe60e;</i>
                </form>
                <a href="javascript:;">搜索</a>
            </div>
        </div>
        <!--头部-->
        <!--分类-->
        <div class="am-g doc-am-g" id="mClfi">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12" id="mClassification">
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6 mcFirst">
                    <span>全部分类</span>
                    <i class="iconfont">&#xe501;</i>
                    <div class="cifContent clear" style="display: block">
                        <div class="cifContentLeftPar">
                            <div class="cifContentLeft">
                                <div>全部分类</div>
                                <div>学前教育</div>
                                <div>小学教育</div>
                                <div class="mActive">初中教育</div>
                                <div>高中教育</div>
                                <div>大学考试</div>
                                <div>出国留学</div>
                                <div>艺术体育</div>
                                <div>生活教育</div>
                            </div>
                        </div>
                        <div class="cifContentRightPar">
                            <div class="cifContentRight">
                                <div class="ciContent">
                                    <div class="ciContentTitle" >
                                        <span>—</span>
                                        <span>初一</span>
                                        <span>—</span>
                                    </div>
                                    <div class="ciContentC clear" id="c">
                                        <a href="javascript:;" class="subject"><span>语文</span></a>
                                        <a href="javascript:;" class="subject"><span>数学</span></a>
                                        <a href="javascript:;" class="subject"><span>英语</span></a>
                                        <a href="javascript:;" class="subject"><span>道德与法治</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <!--<a href="javascript:;" class="subject"><span>历史</span></a>-->
                                        <a class="mBtn" isMore="true" href="javascript:;"><span>更多<i class="iconfont">&#xe653;</i></span></a>
                                    </div>
                                </div>
                                <div class="ciContent">
                                    <div class="ciContentTitle" >
                                        <span>—</span>
                                        <span>初二</span>
                                        <span>—</span>
                                    </div>
                                    <div class="ciContentC clear">
                                        <a href="javascript:;" class="subject"><span>语文</span></a>
                                        <a href="javascript:;" class="subject"><span>数学</span></a>
                                        <a href="javascript:;" class="subject"><span>英语</span></a>
                                        <a href="javascript:;" class="subject"><span>道德与法治</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a class="mBtn" href="javascript:;"><span>更多<i class="iconfont">&#xe653;</i></span></a>
                                    </div>
                                </div>
                                <div class="ciContent">
                                    <div class="ciContentTitle" >
                                        <span>—</span>
                                        <span>初三</span>
                                        <span>—</span>
                                    </div>
                                    <div class="ciContentC clear">
                                        <a href="javascript:;" class="subject"><span>语文</span></a>
                                        <a href="javascript:;" class="subject"><span>数学</span></a>
                                        <a href="javascript:;" class="subject"><span>英语</span></a>
                                        <a href="javascript:;" class="subject"><span>道德与法治</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a href="javascript:;" class="subject"><span>历史</span></a>
                                        <a class="mBtn" href="javascript:;"><span>更多<i class="iconfont">&#xe653;</i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6 cRanking">
                    <span>综合排序</span>
                    <i class="iconfont">&#xe501;</i>
                    <!--  <div class="cRankingContent">综合排序</div>-->
                </div>

            </div>
        </div>
        <!--分类-->
        <!--相关课程文字-->
        <div class="am-g doc-am-g" id="mRcouText">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12"><span>相关课程</span><span>（</span><span>4</span><span>）</span></div>
        </div>
        <!--相关课程文字-->
    </div>
    <!--顶部不动区域-->


    <!--内容区域-->
    <div id="msContent" class="am-u-sm-12 am-u-md-12 am-u-lg-12">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcContentC">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
                <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                    <img src="../static/bImg/csd.png"  alt="图片不存在">
                </div>
                <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddd</div>
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                    <div class="mcMoney"><span class="footX">￥</span><span>399</span><span class="footX">.00</span></div>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
                <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                    <img src="../static/bImg/csd.png"  alt="图片不存在">
                </div>
                <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight" >
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddddd</div>
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                    <div class="mcnotMoney">免费</div>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
                <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                    <img src="../static/bImg/csd.png"  alt="图片不存在">
                </div>
                <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight" >
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddddd</div>
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                    <div class="mcnotMoney">免费</div>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
                <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                    <img src="../static/bImg/csd.png"  alt="图片不存在">
                </div>
                <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddd</div>
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                    <div class=" mcMoney"><span class="footX">￥</span><span>399</span><span class="footX">.00</span></div>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
                <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                    <img src="../static/bImg/csd.png"  alt="图片不存在">
                </div>
                <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddd</div>
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                    <div class="mcMoney"><span class="footX">￥</span><span>399</span><span class="footX">.00</span></div>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
                <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                    <img src="../static/bImg/csd.png"  alt="图片不存在">
                </div>
                <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddd</div>
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                    <div class="mcMoney"><span class="footX">￥</span><span>399</span><span class="footX">.00</span></div>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
                <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                    <img src="../static/bImg/csd.png"  alt="图片不存在">
                </div>
                <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddd</div>
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                    <div class="mcMoney"><span class="footX">￥</span><span>399</span><span class="footX">.00</span></div>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon">
                <div class="am-u-sm-4 am-u-md-4 am-u-lg-4 imgLeft">
                    <img src="../static/bImg/csd.png"  alt="图片不存在">
                </div>
                <div class="am-u-sm-8 am-u-md-8 am-u-lg-8 contentRight">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcTitle">ddddddddddddddddddddddddddddddddddddddddd</div>
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcStudentNum"><span>106</span><span>人在学</span></div>
                    <div class="mcMoney"><span class="footX">￥</span><span>399</span><span class="footX">.00</span></div>
                </div>

            </div>
        </div>
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 mcSon btn">
            查看更多
        </div>
    </div>

    <!--内容区域-->

</div>


</body>
</html>